
import axios from "axios"
import { message } from 'ant-design-vue';
// storage
import { getToken, exit } from "@/utils"
// 
import { HEADER_TOKEY_KEY, TOKEN_IVVALID } from "@/constant"

// 创建实例
const service = axios.create({
    baseURL: import.meta.env.VITE_APP_MASK,  //  'http://api.web-jshtml.cn/api/v1/login'
    timeout: 5000,
    /**
     * 同源策略
     * 1、协议  http、https
     * 2、域名  api.web-jshtml.cn、sub.web-jshtml.cn、www.web-jshtml.cn
     * 3、端口  80、8080、3001
     */
});

// 添加请求拦截器 - 前端
service.interceptors.request.use(function (config) {
    const token = getToken()
    if(token) {
      config.headers[HEADER_TOKEY_KEY] = token
    }
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器 - 后端
service.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。http的状态
    // 对响应数据做点什么
    const data = response.data
    const code = data.error_code
    if(code === 0) { // 业务状态码
      return Promise.resolve(data)
    }else{
      if(code === TOKEN_IVVALID) {
        // message({
        //   content: data?.msg,
        //   duration: 1,
        //   onClose: () => exit()
        // })
        message.error(data?.msg, 1, () => {
          exit()
        })
        return
      }
      message.error(data?.msg)
      return Promise.reject(data)
    }
    
  }, function (error) {
    const response = error.response
    const msg = response?.data?.msg
    // console.log(666, error)
    message.error(msg)
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
  });

  export default service;